<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 方法一
      //   var str = prompt("请输入字符串 格式aa-bb");
      //   //   首字母改成大写
      //   var newStr = str.charAt(0).toLocaleUpperCase() + str.slice(1);
      //   //   console.log(str.charAt(0).toLocaleUpperCase() + str.slice(1));
      //   //   console.log(newStr.indexOf("-") + 1);

      //   //   查找-的下标
      //   var xieIndex = newStr.indexOf("-") + 1;
      //   //   截取拼接
      //   var endStr =
      //     newStr.slice(0, xieIndex - 1) +
      //     newStr.charAt(xieIndex).toLocaleUpperCase() +
      //     newStr.slice(xieIndex + 1);
      //   console.log(endStr);

      //   --------------------------------------------

      // 方法二
      var str = prompt("请输入字符串 格式aa-bb");
      //   map()，第一个参数是回调函数会被数组中的每个元素调用
      console.log(
        str
          .replace(/-/g, " ") //将-替换成空格
          .split(" ") //以空格分割成数组
          .map((word) => word.charAt(0).toLocaleUpperCase() + word.split(1)) //每个元素首字母会被变成大写  然后加上剩下的
          .join("") //变成字符串
      );
    </script>
  </body>
</html>
